

<template>
    <div class="login">
         面经登录
         <div class="username">
            <label>用户名<input type="text" placeholder="请输入用户名" class="inp-username"></label>
         </div>
         <div class="password">
            <label>密码 <input type="password" placeholder="请输入密码" class="inp-password"></label>
         </div>
         <van-button type="warning" size="large">登录</van-button>
         <div class="switch">
              <span>注册账号</span>
         </div>
    </div>
</template>

<script>
export default {
  
}
</script>

<style  lang="less" scoped>
   .login{
      text-align: center;
      .username{
        margin-top: 40px;
        text-align: start;
        margin-left: 16px;
        label{
          color: #646566;
        }
        .inp-username{
          border: 1px solid transparent;
          outline: none;
          margin-left: 20px;
        }
      }
      .password{
        margin-top: 40px;
        text-align: start;
        margin-left: 16px;
        label{
          color: #646566;
        }
        .inp-password{
          border: 1px solid transparent;
          outline: none;
          margin-left: 30px;
        }
        
      }
      button{
        width: 340px;
        height: 44px;
        margin-top: 40px;
        background-color: #fa6d1d;
        color: white;
      }

      .switch{
        color:#006699;
        font-size: 12px;
        text-align: end;
        padding: 16px;
      }


   }

</style>